<template>
  <List ref="list" :loadapi="loadapi" :filterapi="filterapi">
    <template v-slot:searchBar="slotProps">
      <SearchBar :keyword="slotProps.condition" :placeholder="slotProps.placeholder" :viewoptionArr="slotProps.viewoptionArr" @handleClickViewOption="slotProps.handleClickViewOption" @hanldeClickFilter="slotProps.hanldeClickFilter" @handleClickSearch="slotProps.handleClickSearch" @handleInputSearch="slotProps.handleInputSearch" ></SearchBar>
    </template>
    <template v-slot:listItem="slotProps">
      <BflxItem idobject="bflx" :item="slotProps.itemData" ></BflxItem>
    </template>
  </List>

</template>
  
  <script setup lang="ts">
import { useRouter, useRoute } from "vue-router";
const router = useRouter();
const route = useRoute();

import SearchBar from "@/components/common/SearchBar.vue";
import BflxItem from "@/components/base/Bflx/BflxItem.vue";
import List from "@/components/common/List.vue";
import { ref, watch } from "vue";
import { showToast, showLoadingToast } from "vant";
import { apiConfigurable } from "@/request/api/api";

const loadapi = `bflx.list.do`;
const filterapi = `bflx.query.do`;



</script>
  
  <style scoped>
</style>